.image{
	height: 506rpx;
	background-image: url(../../static/login/image.png);
	background-repeat: no-repeat;
	text-align: center;
	font-size: 44rpx;
	color: #FFFFFF;
	box-sizing: border-box;
	padding-top: 90rpx;
}
.logo{
	width: 166rpx;
	height: 168rpx;
	position: absolute;
	margin: auto;
	left: 0;
	right: 0;
	top: 300rpx;
	image{
		width: 166rpx;
		height: 168rpx;
	}
}
.inputValue{
	width: 702rpx;
	height: 500rpx;
	margin: 0 auto;
	border-radius: 15rpx;
	box-shadow: 5rpx 5rpx 10rpx #CCCCCC,-5rpx -5rpx 10rpx #CCCCCC;
	overflow: hidden;
	.username{
		height: 92rpx;
		width: 644rpx;
		margin: 0 auto;
		box-sizing: border-box;
		border-bottom: 4rpx solid #fbfbfb;
		margin-top: 30rpx;
		input{
			height: 92rpx;
			width: 644rpx;
			background-image: url(../../static/login/icon-item.png);
			background-repeat: no-repeat;
			background-position: 0 center;
			box-sizing: border-box;
			padding-left: 40rpx;
			font-size: 28rpx;
			color: #d4d4d4;
		}
	}
}
.userpass{
	height: 92rpx;
	width: 644rpx;
	margin: 0 auto;
	box-sizing: border-box;
	border-bottom: 4rpx solid #fbfbfb;
	margin-top: 10rpx;
	input{
		height: 92rpx;
		width: 500rpx;
		background-image: url(../../static/login/icon-item1.png);
		background-repeat: no-repeat;
		background-position: 0 center;
		box-sizing: border-box;
		padding-left: 40rpx;
		font-size: 28rpx;
		color: #d4d4d4;
		display: inline-block;
	}
	image{
		width: 42rpx;
		height: 28rpx;
		display: inline-block;
		position: relative;
		right: -96rpx;
		top: -37rpx;
	}
}
.register{
	width: 644rpx;
	height: 68rpx;
	margin: 0 auto;
	margin-top: 14rpx;
	display: flex;
	justify-content: space-between;
	line-height: 68rpx;
	font-size: 28rpx;
	.register-text{
		color: #3476fe;
	}
	.register-password{
		color: #d4d4d4;
	}
}
.BtnLogin{
	width: 642rpx;
	height: 88rpx;
	margin: 0 auto;
	border-radius: 52rpx;
	margin-top: 66rpx;
	color: #FFFFFF;
	text-align: center;
	line-height: 88rpx;
	background-image: linear-gradient(#FFFFFF,#6696fa,#568cfb);
	button{
		width: 642rpx;
		height: 88rpx;
		margin: 0 auto;
		border-radius: 52rpx;
		margin-top: 66rpx;
		color: #FFFFFF;
		text-align: center;
		line-height: 88rpx;
		background-image: linear-gradient(#FFFFFF,#6696fa,#568cfb);
	}
}
.loginMethod{
	
	.loginMethod-title{
		height: 120rpx;
		width: 550rpx;
		margin: 0 auto;
		display: flex;
		justify-content: space-between;
		align-content: center;
		flex-wrap: wrap;
		.loginMethod-title-span{
			height: 2rpx;
			width: 156rpx;
		}
		view:nth-child(1){
			background-image: linear-gradient(to right,#efefef,#dbdbdb,#b4b4b4);
			margin-top: 18rpx;
		}
		.loginMethod-title-val{
			// height: 120rpx;
			color: #a6a6a6;
			// width: 100rpx;
			font-size: 28rpx;
		}
		view:nth-child(3){
			background-image: linear-gradient(to left,#efefef,#dbdbdb,#b4b4b4);
			margin-top: 18rpx;
		}
	}
	.OtherLogin{
		width: 550rpx;
		height: 76rpx;
		margin: 0 auto;
		margin-top: 20rpx;
		display: flex;
		justify-content: space-between;
		image{
			width: 76rpx;
			height: 76rpx;
		}
	}
}